<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport"
            content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
        <meta charset="utf-8" />
        <title>中国程序员节</title>
        <link href="./css/index.css?v=4" type="text/css" rel="stylesheet" />
    </head>
    <body>
        <div class="container" id="container">
            <div class="top-wall">
                <div class="wall-left wall"></div>
                <div class="wall-right wall"></div>
            </div>
            <div class="hall">
                <div class="name">11号馆</div>
                <div class="exhibition">
                    <div class="row row-1">
                        <div class="col left">
                            <div class="box">
                                <div class="wrapper" data-title="企业岗位开放日">
                                    <span>企业岗位信息<br />开放日</span>
                                </div>
                            </div>
                        </div>
                        <div class="col right">
                            <div class="box">
                                <div class="wrapper" data-title="非诚勿扰专区">
                                    <span>非诚勿扰<br />专区</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row row-2">
                        <div class="col left">
                            <div class="box" data-title="休息区">
                                <span>休息区</span>
                            </div>
                        </div>
                        <div class="col right">
                            <div class="box" data-title="休息区">
                                <span>休息区</span>
                            </div>
                        </div>
                    </div>
                    <div class="row row-3">
                        <div class="col left">
                            <div class="box">
                                <div class="empty"></div>
                                <div data-title="高铁新城">高铁新城</div>
                                <div data-title="智能应用">智能<br />应用</div>
                                <div data-title="北京航星永志科技有限公司">航星<br />永志</div>
                                <div data-title="杭州新中大科技股份有限公司">新中大</div>
                            </div>
                        </div>
                        <div class="col right">
                            <div class="box">
                                <div data-title="大数据">大数据</div>
                                <div data-title="玩咖欢聚">玩咖<br />欢聚</div>
                                <div data-title="华远凌云">华远<br />凌云</div>
                                <div data-title="唐山">唐山</div>
                                <div class="empty"></div>
                            </div>
                        </div>
                    </div>
                    <div class="row row-3-1">
                        <div class="col left">
                            <div class="box">
                                <div class="empty"></div>
                                <div data-title="西安葡萄城软件有限公司">葡萄城</div>
                                <div data-title="apass">apass</div>
                                <div data-title="Paas">Paas</div>
                                <div data-title="数据库">数据库</div>
                            </div>
                        </div>
                        <div class="col right">
                            <div class="box">
                                <div data-title="天津">天津</div>
                                <div data-title="项目管理">项目<br />管理</div>
                                <div data-title="高等教育">高等<br />教育</div>
                                <div data-title="唐山">唐山</div>
                                <div class="empty"></div>
                            </div>
                        </div>
                    </div>
                    <div class="row row-4">
                        <div class="col left">
                            <div class="box" data-title="华为">
                                <span>华为</span>
                            </div>
                        </div>
                        <div class="col right">
                            <div class="box">
                                <table>
                                    <tr>
                                        <td data-title="开源中国">开源<br />中国</td>
                                        <td data-title="墨天轮">墨天轮</td>
                                        <td data-title="龙蜥社区">龙蜥<br />社区</td>
                                        <td class="empty"></td>
                                        <td class="empty"></td>
                                    </tr>
                                    <tr>
                                        <td data-title="CSDN">CSDN</td>
                                        <td data-title="麒麟社区">麒麟<br />社区</td>
                                        <td class="empty"></td>
                                        <td class="empty"></td>
                                        <td class="empty"></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="row row-5">
                        <div class="col left">
                            <div class="box">
                                <div class="wrapper">
                                    <div class="home" data-title="中软国际">
                                        <span>中软国际</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col right">
                            <div class="box">
                                <table>
                                    <tr>
                                        <td data-title="浪潮通用软件有限公司">浪潮</td>
                                        <td class="empty"></td>
                                        <td class="empty"></td>
                                        <td class="empty"></td>
                                        <td class="empty"></td>
                                    </tr>
                                    <tr>
                                        <td data-title="广联达科技股份有限公司">广联达</td>
                                        <td class="empty"></td>
                                        <td class="empty"></td>
                                        <td class="empty"></td>
                                        <td class="empty"></td>
                                    </tr>
                                    <tr>
                                        <td data-title="麒麟软件有限公司">麒麟<br />软件</td>
                                        <td class="empty"></td>
                                        <td class="empty"></td>
                                        <td class="empty"></td>
                                        <td class="empty"></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="hall-wall">
                <div class="wall left"></div>
                <div class="wall right"></div>
            </div>
            <div class="courtyard">
                <div class="name">9号馆</div>
                <div class="topic-group">
                    <div class="topic-item" data-title="码农脱口秀+成果公告议程">成果公告</div>
                    <div class="topic-item" data-title="主题对话">主题对话</div>
                    <div class="topic-item" data-title="码农脱口秀+成果公告议程">达人脱口秀</div>
                </div>
                <img src="img/logo.png" class="logo" />
                <div class="gate">
                    <span class="door left"></span>
                    <span class="gate-name">入口</span>
                    <span class="door right"></span>
                </div>
                <div class="office">
                    <div class="room">办公室</div>
                </div>
            </div>
        </div>
        <div class="dialog" id="dialog" style="display: none;">
            <div class="mask js-close"></div>
            <div class="dialog-body">
                <div class="dialog-header">
                    <span class="js-header"></span>
                    <span class="close js-close">&times;</span>
                </div>
                <div class="activity js-activity"></div>
                <div class="text js-text"></div>
                <div class="dialog-footer">
                    <button class="btn btn-success js-close">关闭</button>
                </div>
            </div>
        </div>
        <script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js"
            type="application/javascript"></script>
        <script src="js/index.js?v=5"></script>
        <script src="js/content.js?v=5"></script>
    </body>
</html>
